home *** CD-ROM | disk | FTP | other *** search
/ Exame Informatica 140 / Exame Informatica 140.iso / Programas / Zsnes / docs / readme.htm / styles / radio.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2006-12-21  |  4.6 KB  |  190 lines
  1. /*    MAIN LAYOUT    */
  2.  
  3. /*    ALL PROPERTIES ARE ALPHABETIZED!!!  KEEP THEM THAT WAY!!!    */
  4.  
  5. @import url(shared.css);          /*    Loads styles/shared.css, which contains shared styling information.    */
  6. @import url(release.css);          /*    Loads styles/release.css, which contains styling information specific to public releases of the docs.    */
  7.  
  8. body {
  9.   background-color: white;
  10.   color: black;
  11.   font-size: 100%;          /*    Even though this line seems counter-intuitive, it fixes font scaling in Internet Explorer.    */
  12.   margin: 0em;          /*    Removes default ~0.5em margin between the body and the view port.    */
  13. }
  14.  
  15. a:link, a:active, a:visited {
  16.   background-color: inherit;
  17.   color: #203040;
  18. }
  19.  
  20. a:hover {
  21.   background-color: #A4A9B0;
  22.   color: black;
  23. }
  24.  
  25. a img {
  26.   border-width: 0px;
  27. }
  28.  
  29. #header {
  30.   background-color: #C8CFD8;
  31.   border-bottom: solid 1em #A4A9B0;
  32.   color: inherit;
  33. }
  34.  
  35. #header a, #footer a           /*    Grouped selectors here; please take note.    */
  36. {
  37.   background-color: inherit;
  38.   color: inherit;
  39. }
  40.  
  41. #header #logo {
  42.   margin: 5px 7px 0px 7px;          /*    Compensates for the apparent non-centering in the logo image itself.    */
  43. }
  44.  
  45. #header h1 {
  46.   display: inline;
  47.   font-family: Verdana, "Arial Unicode MS", Arial, sans-serif;
  48.   margin-left: 1em;
  49.   text-align: right;
  50. }
  51.  
  52. /*    nav_column and content_column are necessary to achive perfect margins    */
  53. #nav_column {
  54.   display: inline;          /*    Thanks Roman Rudenko.  This fixes the floated column in Internet Explorer.    */
  55.   float: left;
  56.   margin: 0.65em;
  57.   width: 11.2em;
  58. }
  59.  
  60. #navigation, #content           /*    Grouped selectors here; please take note.    */
  61. {
  62.   background-color: #C8CFD8;
  63.   border: solid 1px black;
  64.   color: inherit;
  65.   padding: 1px 1px 0.5em 1px;
  66. }
  67.  
  68. #navigation h2, #content h2, #content h3, #content h4           /*    Grouped selectors here; please take note.    */
  69. {
  70.   font-family: Arial, "Arial Unicode MS", sans-serif;
  71.   font-size: 0.9em;
  72.   margin: 0px 0px 1px 0px;
  73. }
  74.  
  75. #navigation h2, #content h2           /*    Grouped selectors here; please take note.    */
  76. {
  77.   background-color: #A4A9B0;
  78.   background-image: url( 'corner.png' );
  79.   background-position: top right;
  80.   background-repeat: no-repeat;
  81.   color: inherit;
  82.   padding: 5px 0.5em 5px 0.5em;          /*    The top/bottom margins measured in px are required to get perfect line-up with the background image, at default font size.    */
  83. }
  84.  
  85. #navigation ul {
  86.   font-family: Verdana, "Arial Unicode MS", Arial, sans-serif;
  87.   font-size: 90%;
  88.   list-style-type: none;
  89.   margin: 0em;
  90.   padding-left: 0.5em;
  91. }
  92.  
  93. #navigation ul li {
  94.   font-weight: bold;
  95.   margin: 0.3em 0em 0.3em 0em;
  96. }
  97.  
  98. #navigation ul ul {
  99.   margin-top: 0.45em;
  100.   padding-left: 1.2em;
  101. }
  102.  
  103. #navigation ul ul li {
  104.   font-weight: normal;          /*    Un-bold the sub-list.    */
  105.   margin: 0em;
  106. }
  107.  
  108. #navigation ul ul a {
  109.   text-decoration: none;
  110. }
  111.  
  112. /*    nav_column and content_column are necessary to achive perfect margins    */
  113. #content_column {
  114.   margin: 0.65em 0.65em 0.65em 12.5em;
  115.   min-width: 22em;          /*    When text is resized really big, and the window is really small, this makes it not look like crap.    */
  116. }
  117.  
  118. #content           /*    Grouped with #navigation, above.    */
  119. {}
  120.  
  121. #content h2           /*    Grouped with #navigation h2, above.    */
  122. {}
  123.  
  124. #content h3           /*    Grouped with #navigation h2, above.    */
  125. {
  126.   background-color: #A4A9B0;
  127.   color: inherit;
  128.   padding: 0.2em 0.5em 0.2em 0.5em;
  129. }
  130.  
  131. #content h4 {
  132.   background-color: #B3B8BF;
  133.   color: inherit;
  134.   padding: 0.2em 1.5em 0.2em 1.5em;
  135. }
  136.  
  137. #content h5           /*    Closes the gaps between headers and the content below them.    */
  138. {
  139.   margin-bottom: -1em;
  140.   margin-top: 0.5em;
  141. }
  142.  
  143. #content h5, #content p, #content ul, #content ol, #content dl, #content table {
  144.   font-family: Verdana, "Arial Unicode MS", Arial, sans-serif;
  145. }
  146.  
  147. #content h5, #content dl, #content p, #content table           /*    Do not change the margins on lists!  Internet Explorer has some weird ideas about them!    */
  148. {
  149.   margin-left: 0.6em;
  150.   margin-right: 0.6em;
  151. }
  152.  
  153. #content img {
  154.   margin: 0.5em;
  155. }
  156.  
  157. #footer {
  158.   clear: both;          /*    This is mainly for pages that might be shorter than the nav-list on the left.  Keeps things looking correct.    */
  159.   font: bold 0.7em Verdana, "Arial Unicode MS", Arial, sans-serif;
  160.   text-align: center;
  161. }
  162.  
  163. #footer h2 {
  164.   display: none;
  165. }
  166.  
  167. /*    Page Specific    */
  168.  
  169. /*    Use <dt></dt> for a FAQ question.    */
  170. dt {
  171.   font-weight: bold;
  172.   margin-left: 1.5em;
  173.   text-indent: -1.5em;
  174. }
  175.  
  176. /*    Use <dd></dd> for a FAQ answer.    */
  177. dd {
  178.   margin-bottom: 1em;
  179.   margin-left: 1.5em;
  180.   text-indent: -1.5em;
  181. }
  182.  
  183. dd p {
  184.   margin-top: 1em;
  185.   text-indent: 0em;
  186. }
  187.  
  188. dd ul {
  189.   text-indent: 0em;
  190. }